body{
    background-color:#F6F7F9;
}
#titles{
    height: 45px;
    background-color: #F3F3F3;
    border: 1px solid #E6E6E6;
}
.Order_1{
    background-color:#F3F3F3;
}
.Order_1 span{
    line-height:45px;
    margin-left: 10px;
    font-weight:bolder;
}
.Order_1 button{
    margin-top: 5px;
    margin-bottom: 5px;
    height: 35px;
    width: 70px;
    line-height: 30px;
    font-size: 10px;
}
.Order_1 button .refresh{
    font-size: 12px;
    margin-left: -3px;
}
.Order_1 button:hover {
    border-color: #1ABC9C;
    color: #1ABC9C;
}
.Order_1 button i:hover {
    color: #1ABC9C;
}
#div_ic{
    width: 5px;
    height: 20px;
    background-color: #1ABC9C;
    margin-top: 12px;
}
#span_1{
    margin-left: 10px;
    margin-top: -20px;
}
#refresh_id{
    margin-left: 10px;
}
#back_id{
    margin-left: -10px;
}
#modality{
    height: 55px;
    background-color: #F3F3F3;
    border: 1px solid #E6E6E6;
    margin-top: 5px;
}
#modality button{
    margin-top: 10px;
    margin-bottom: 5px;
    height: 35px;
    width: 120px;
    line-height: 30px;
    font-size: 12px;
    margin-left: 23%;
}
#modality button:hover {
    border-color: #1ABC9C;
    color: #1ABC9C;
}
#remark{
    margin-left: -45px;
}
#modality #pattern{
    margin-top: 15px;
    color: red;
    font-size: 16px;
    margin-left: 40px;
}

.distances{
    margin-top: 30px;
}
.layui-input{
    border: none;
    outline: none;
    text-align: center;
    height: 54px;
}
table{
    text-align: center;
}
.layui-table th, .layui-table td {
    position: relative;
    padding: 0px 0px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.typeface{
    height: 48px;
    background-color: #F9FAFC;
    font-weight: 600;
}
.details{
    height: 55px;
}
#modify{
    display: none;
}
#url{
    width: 120px;
    height: 120px;
}
#TotalAmount{
    width: 170px;
}
#realName{
    width:240px;
}
#phone{
    width: 360px;
}
#distance{
    margin-bottom: 50px;
}
.wide{
    width: 180px;
}



/*屏幕宽度小于1200px,改变布局和样式    110%     */
@media screen and (max-width:1200px) {
    #modality button{
        margin-top: 10px;
        margin-bottom: 5px;
        height: 35px;
        width: 120px;
        line-height: 30px;
        font-size: 12px;
        margin-left: 7%;
    }
    #refresh_id{
        margin-left: -25px;
    }
    #back_id{
        margin-left: 8px;
    }
}


/*屏幕宽度小于1100px,改变布局和样式     125%      */
@media screen and (max-width:1100px) {
    #modality button{
        margin-top: 10px;
        margin-bottom: 5px;
        height: 35px;
        width: 120px;
        line-height: 30px;
        font-size: 12px;
        margin-left: 7%;
    }
    #refresh_id{
        margin-left: -25px;
    }
    #back_id{
        margin-left: 8px;
    }
}


/*屏幕宽度小于1000px,改变布局和样式      150%       */
@media screen and (max-width:1000px) {
    #modality button{
        margin-top: 10px;
        margin-bottom: 5px;
        height: 35px;
        width: 120px;
        line-height: 30px;
        font-size: 12px;
        margin-left: -20%;
    }
    #refresh_id{
        margin-left: -60px;
    }
    #back_id{
        margin-left: 27px;
    }
}


/*屏幕宽度小于800px,改变布局和样式      175% ~200%       */
@media screen and (max-width:800px) {
    #modality button{
        margin-top: 10px;
        margin-bottom: 5px;
        height: 35px;
        width: 120px;
        line-height: 30px;
        font-size: 12px;
        margin-left: -38%;
    }
    #refresh_id{
        margin-left: -75px;
    }
    #back_id{
        margin-left: 11px;
    }
}


/*屏幕宽度小于600px,改变布局和样式     250%       */
@media screen and (max-width:600px) {
    #modality button{
        margin-top: 10px;
        margin-bottom: 5px;
        height: 35px;
        width: 120px;
        line-height: 30px;
        font-size: 12px;
        margin-left: -65%;
    }
    #refresh_id{
        margin-left: -90px;
    }
    #back_id{
        margin-left: -5px;
    }
}


/*屏幕宽度小于500px,改变布局和样式     300%        */
@media screen and (max-width:500px) {
    #modality button{
        margin-top: 10px;
        margin-bottom: 5px;
        height: 35px;
        width: 120px;
        line-height: 30px;
        font-size: 12px;
        margin-left: -105%;
    }
    #refresh_id{
        margin-left: -105px;
    }
    #back_id{
        margin-left: -21px;
    }
}


/*屏幕宽度小于400px,改变布局和样式      400%             */
@media screen and (max-width:400px) {
    #modality button{
        margin-top: 10px;
        margin-bottom: 5px;
        height: 35px;
        width: 120px;
        line-height: 30px;
        font-size: 12px;
        margin-left: 310%;
    }
    #refresh_id{
        margin-left: -125px;
    }
    #back_id{
        margin-left: -40px;
    }
}


/*屏幕宽度小于300px,改变布局和样式      500%          */
@media screen and (max-width:300px) {
    #pattern{
        display: none;
    }
    #refresh_id{
        display: none;
    }
    #modality button{
        margin-top: 10px;
        margin-bottom: 5px;
        height: 35px;
        width: 120px;
        line-height: 30px;
        font-size: 12px;
        margin-left: 210%;
    }
    #refresh_id{
        margin-left: -105px;
    }
    #back_id{
        margin-left: -50px;
    }
}